body, html {  padding: 0; margin: 0;}
html {background-color:#36332e;}
body {font-family: Tahoma, Geneva, sans-serif;  background: url(../images/bg-repeat.png) repeat-x; font-size: 14px; background-color:#fff;}}

a img { border: none; }
a { color: #444; text-decoration: none; font-size: 13px;}
a:hover { text-decoration: underline;  }
.dib { display:inline-block; vertical-align: top; }
.clear { clear: both; }
.d-none { display: none; }
.f-right { float: right;}

.top-menu { background: #f0c557; height: 14px; padding: 3px; font-size:12px; }
.top-menu a{ margin-left:3px;}

.full-container { width: 100%; }
.mysubmit { border-radius: 3px; background: orange!important; border:none; color:#fff; cursor: pointer; padding: 3px; font-size: 10px; }

.register-form .error { padding-top:5px; padding-bottom: 5px; font-size: 11px; color:red; font-weight: bold; }

.pager { }
    .pager .progress-bar { border: 1px solid #000; height: 5px; position: relative; }
        .pager .progress-bar .bar { height:5px; width: 10px; background: #333; top:0; left:0; position: absolute; }

    .pager .nav { display: inline-block; background: #e5c24e; padding: 3px; padding-left: 9px; padding-right: 9px; border-radius:8px; margin: 5px; }
        .pager .nav a { color:#fff; }
    
.page-container { width:1000px; margin: 0 auto; position: relative; }
    .page-container .plama { background: url(../images/top-plama.png) no-repeat; right: 0; top:0; width:124px; height: 76px; position: absolute; }
    .page-container .logo { display: inline-block;}
    .page-container .menu-main-container { vertical-align: top; margin-top: 110px; margin-left: 10px; }
        .page-container .menu-main-container .item { margin-right: 10px;  vertical-align:bottom;}
            .page-container .menu-main-container .item a { background-position:bottom ; display:inline-block;height:19px;  }
			.page-container .menu-main-container .item a:hover { background-position:top ;  }
						
            
    .page-container .rank-component { display: block; padding: 10px; width:126px; text-align: left;}        
    .page-container .rank-component .text { color:#989898; font-size: 12px; }
        .page-container .rank-component .progress-bar { border: 1px solid #e2e2e2; height: 10px;  position: relative; }
            .page-container .rank-component .progress-bar .orange-bar { background: #f8ba17; top:0; left:0; width: 50%; height: 10px; position: absolute; }
            .page-container .rank-component .progress-bar .gray-bar { background: #423b29; right: 0; top:0; width: 50%; height: 10px; position: absolute;}
            .page-container .rank-component .progress-text { font-size: 13px; margin-top:1px; color: #d9aa34;}
        
.message { background-color: orange; padding: 5px; font-weight: bold; }

.login-box { position: absolute; right:130px; z-index: 20; top:-2px; margin:0;padding:0;}

form input { margin-bottom: 10px;}
    form input[type=text] { border:1px solid #e2e2e2; font-size:14px; height:22px; -moz-border-radius: 5px; -webkit-border-radius:5px; background-color:#f0ede5;}
	form input[type=password] { border:1px solid #e2e2e2; font-size:14px; height:22px; -moz-border-radius: 5px; -webkit-border-radius:5px; }
	form input[type=submit] { border:0px solid #e2e2e2; font-size:15px;  -moz-border-radius: 5px; -webkit-border-radius:5px; height:30px; padding: 0 12px 0 12px;}
    
.demot-holder { margin: 0 auto; width:875px; }    
.demot-container {  position: relative;  background: url(../images/demot-bg-repeat.png) repeat-y;  }    
.demot-top {  background: url(../images/demot-bg-top.png) no-repeat; height: 64px; }
.demot-bottom {  background: url(../images/demot-bg-bottom.png) no-repeat; height: 64px; }

.category-box { text-align: right;}
    .category-item { cursor: pointer; position: relative; }
        .category-item a { position: absolute; right:5px; bottom: 10px; text-shadow:2px 2px 4px #FFFFFF; font-size:16px; font-weight: bold; }

.demot { position: relative;  margin: 0 auto; width:670px; }
    .demot .note { position: relative; margin-bottom: 20px; font-size: 12px; color:#777;}
        .demot .note a { font-size: 12px; color:#777;}
        .demot .note .note-right { position: absolute; right: 0px; top:0px; width: 300px; }
    .demot .image {  margin: 0 auto; font-size: 26px; text-align: center; }  
        .demot .image .demot-image { }
    .demot .title-box { position: relative; text-align: left; }    
    .demot .title { text-align: left; width:100%;  }
        .demot .title a { font-size: 18px; }
    
.comment { background: #fff; padding: 10px; margin:0 auto; width:680px; border-radius:10px;  border:1px solid #e2e2e2; margin-bottom: 10px; }    
    .comment .avatar { float: left; margin-right: 10px;}
    .comment .title { font-weight: 16px; color:#333; }
    .comment .title span { color:#939393; font-size: 14px; }
    .comment .comment-content { color:#333; }
    
.form-add-demot-comment { margin:0 auto; width:780px; padding: 10px; }
    #form-add-demot { height: 120px; }
    #form-add-demot textarea { border:1px solid #e2e2e2; border-radius:10px; padding: 5px; }
    #form-add-demot textarea:hover { border:1px solid #939393; }

.add-demot-form fieldset { border: none; }    
.register-form form { line-height: 5px; font-size: 14px;}
    .register-form .buttons { text-align: right; margin-right: 40px; }
    .register-form h2 { font-size: 18px; font-weight:normal; color:#222; margin-bottom: 0px; }
    .register-form .title-under-h2 { font-size: 14px; margin-bottom: 10px; }
    .register-form .label { color:#333; padding-top: 5px; padding-bottom: 5px;}
    .register-form input[type=text], .register-form input[type=password] { font-size: 14px; border:1px solid #dddddd; width:140px; }    
    .register-form input[type=submit] {} 
	.register-form ul { margin-top:30px;}
        .register-form li { color:orange; margin-bottom:12px;}
        .register-form li span { color:#333; }
        
.change-box { }
    .change-box .change { margin-left: -5px; margin-top:-54px; background: #EEE; border:1px solid #e2e2e2; cursor: pointer; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 5px;}
    .change-box .change:first-child { margin-left: 0px; }
    .change-box .change:hover { background: #E6EFC2; }

.add-demot-box h2{font-size:17px; font-weight:normal; margin-bottom:6px;}
.add-demot-box input[type=text]{width:500px; margin-left:18px;}
  
.footer { background: #36332e; padding: 10px; margin-top: 20px; font-size: 14px; }
    .footer .page-container { color:#fff; text-align: center;}
    
.fb-like-demot { position: absolute!important; width:50px; right: 20px; bottom: 20px; }

.profil-box { border: 1px solid #e2e2e2; padding: 10px; border-radius:10px; }
    .profil-box input, .profil-box textarea { border:none; background: #f0ede6; padding: 4px; border-radius:5px; }
    
    .search-box { padding-left: 100px; }
        .search-box .mysubmit { height: 20px; text-align: center; width:70px;}
        .search-box input[type=text] { background: #f2f2f2; height: 20px;}

